.head {
    width: 100%;
    height: 42px;
    background: #282830;
    line-height: 1;
}

.main {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.head_main {
    height: 100%;
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.head_left,
.head_right {
    display: flex;
    align-items: center;
}

.head_dw {
    width: 14px;
    height: 17px;
}

.head_city {
    margin: 0 5px;
}

.head_city span {
    color: #9a9aa4;
    margin-left: 5px;
}

.head_right {
    line-height: 1;
}

.head_right li {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #fff;
}

.head_right li:last-child {
    border-right: unset;
    padding-right: unset;
    margin-right: unset;
}

.head_right li a {
    font-size: 12px;
    color: #fff;
}

.head_firm {
    position: relative;
    height: 78px;
    display: flex;
    align-items: center;
}

.head_firm_logo {
    /*width: 180px;*/
    width: 50%;
    padding-left: 3%;
}

.head_firm_line {
    width: 1px;
    height: 38px;
    background: #e8e8ef;
    border-radius: 1px;
    margin: 0 20px;
    margin-left: -160px;
}

.head_firm_text {
    /*width: 170px;*/
    width: 20%;
}

.head_firm_phone {
    position: absolute;
    right: 0;
    width: 194px;
    height: 46px;
    background: url("../images/dh.png") no-repeat;
    color: #ff7d22;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 7px;
    font-weight: 600;
    color: #bf020c;
}

.head_nav {
    width: 100%;
    height: 46px;
    background: #f4f7ff;
}

.head_nav_main {
    display: flex;
    align-items: center;
}

.head_nav_select {
    position: relative;
    padding: 0 20px;
    width: 240px;
    height: 46px;
    background: #6c6eff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.head_nav_select_icon {
    width: 18px;
}

.head_nav_select_text {
    font-size: 14px;
    color: #fff;
}

.head_nav_ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 40px;
    flex: 1;
}

.head_nav_ul a {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    text-decoration: none;
}
.navxz {
    color: rgb(108, 110, 255) !important;
}
.head_menu_ul {
    position: absolute;
    top: 46px;
    left: 0;
    width: 240px;
    background: rgba(0, 0, 28, 0.85);
    z-index: 10;
    display: none;
}

.head_nav_select:hover .head_menu_ul {
    display: block;
}

.head_menu_li {
    width: 100%;
    height: 89px;
    padding: 25px 20px;
}

.head_menu_li:hover {
    background: #00016b;
}

.head_menu_li_title {
    position: relative;
    display: flex;
    align-items: center;
}

.head_menu_li_text {
    margin-left: 8px;
    font-size: 14px;
    color: #ffffff;
}

.head_menu_li_arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 7px;
}

.head_menu_li_desc {
    margin-top: 8px;
    font-size: 12px;
    color: #a5a5c5;
}

.head_ctx {
    position: absolute;
    left: 240px;
    top: 0;
    width: 960px;
    height: 445px;
    background: #ffffff;
    border-radius: 0px 4px 4px 0px;
    padding: 30px 30px 20px 20px;
    display: none;
}

.head_menu_li:hover .head_ctx {
    display: block;
}

.head_ctx_item {
    display: flex;
    margin-bottom: 23px;
    /*margin-bottom: 0px;*/
}

.head_ctx_title {
    color: #333333;
    font-size: 14px;
    width: 75px;
}

.head_ctx_ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
    margin-left: 47px;
    padding-right: 134px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eaeaea;
}

.head_ctx_ul li {
    margin-right: 15px;
    /*margin-bottom: 10px;*/
    margin-bottom: 0px;
    cursor: pointer;
}

.head_ctx_ul a {
    color: #666666;
    font-size: 12px;
}

.head_ctx_item:nth-child(3) .head_ctx_ul {
    border-bottom: unset;
    padding-bottom: unset;
}

.head_ctx_item_pic {
    display: flex;
    justify-content: space-between;
}

.head_ctx_item_pic img {
    width: 446px;
    height: 182px;
}

.head_ctx_text {
    display: flex;
}

.head_ctx_text li {
    margin-right: 20px;
}

.head_ctx_text a {
    font-size: 14px;
    color: #666666;
}

.head_ctx_cash {
    margin-top: 24px;
    display: block;
    width: 911px;
    height: 351px;
}
/* foot */
.foot {
    width: 100%;
    /* height: 314px; */
    background: #282830;
    padding: 40px 0 30px 0;
    line-height: 1;
}

.main {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.foot_main {
    display: flex;
    justify-content: space-between;
}

.foot_title {
    font-size: 18px;
    color: #fff;
    margin-bottom: 13px;
}

.foot_one_ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 134px;
}

.foot_one_ul li:nth-child(9),
.foot_one_ul li:last-child,
.foot_two_ul li:last-child {
    margin-bottom: unset;
}

.foot_one_ul li {
    margin-bottom: 16px;
}

.foot_two_ul li {
    margin-bottom: 18px;
}

.foot_one_ul a,
.foot_two_ul a,
.foot_link a {
    font-size: 14px;
    color: #9a9aa4;
}

.foot_three {
    display: flex;
    align-items: center;
    padding: 0 50px;
    border-left: 1px solid #9a9aa4;
    border-right: 1px solid #9a9aa4;
}

.foot_three_li:nth-child(1) {
    margin-right: 50px;
}

.foot_three_text {
    font-size: 12px;
    color: #9a9aa4;
}

.foot_three_pic {
    width: 112px;
    height: 112px;
    background: #f2f4fd;
    padding: 5px;
    margin-top: 18px;
}

.foot_three_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.foot_four {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.foot_four_li img {
    margin-right: 9px;
}

.foot_four_li {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #9a9aa4;
}

.foot_four_li span {
    color: #ffffff;
}
.foot_four_li p a{
    color: #ffffff;
}

.foot_reserv {
    margin-top: 29px;
    color: #9a9aa4;
    font-size: 12px;
    text-align: center;
}
.foot_reserv a{
    color: #9a9aa4;
}

.foot_link {
    font-size: 12px;
    color: #9a9aa4;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 16px;
}
.foot_link::after{
    content: '';
    width: 9%;
}
.foot_link li {
    margin-right: 25px;
    margin-bottom: 10px;
}